<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="../common/taglibs.jsp"%>
<c:set var="current_menu" value="product" scope="page" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<c:set var="tindex" value="-1"/>	
		<c:forEach var="m" items="${metas}" varStatus="vs">
		   <c:if test="${m.name eq 'Title'}">
		     <c:set var="tindex" value="${vs.index}"/>	
		   </c:if>
		</c:forEach>	
		<title>
		 <c:if test="${tindex<0}">
		  ${product.commodity}-${product.quality}-${product.size}-${product.kpsi}kpsi-${product.pile}
		 </c:if>
		 <c:if test="${tindex>=0}">
		  ${metas[tindex].content}
		 </c:if>		 
		</title>
		<c:forEach var="m" items="${metas}"  varStatus="vs">
		  <c:if test="${vs.index !=tindex}">
		    <meta name="${m.name}" content="${m.content}"/>
		  </c:if>
		</c:forEach>		
		<%@ include file="../common/headtags.jsp"%>		
		<script type="text/javascript" src="${pageScope.ctx}/js/index.js"></script>
	</head>
	<body>
		<div id="page" class="w950">
			<%@ include file="../top.jsp"%>
			<div id="content">
				<div class="layout grid-s200m0">
					<div class="col-main">
						<div class="main-wrap">
							<%@ include file="../left.jsp"%>
						</div>
					</div>
					<div class="col-sub">
						<div class="navi">
							<a href="${pageScope.ctx}/">home</a> &gt;
							<a href="${pageScope.ctx}/product/c/">product</a> &gt;${product.commodity}
						</div>						
						<table class="aprotab">
						  <tr><td><h2>${product.commodity}</h2></td><td align="right">
						  <c:if test="${product.hot eq '0'}">
						  <img style="border:0;" alt="This our hot product!" src="${pageScope.ctx}/images/hot.gif" width="45"/>
						  </c:if>
						  </td></tr>
						  <tr>
							<td width="400px">							
							<a href="${pageScope.ctx}/image/${product.image}.jpg" target="_blank" rel="click see big img"><img src="${pageScope.ctx}/image/${product.image}@middle.jpg" alt="${product.commodity}"/></a>							
							</td>	
							<td valign="top">
							<ul class="apro layout"><li class="hd">NO.:</li><li>${product.no}</li></ul>	
							<ul class="apro layout"><li class="hd">Quality:</li><li>${product.quality}</li></ul>								
							<ul class="apro layout"><li class="hd">Size:</li><li>${product.size}</li></ul>	
							<ul class="apro layout"><li class="hd">KPSI:</li><li>${product.kpsi}</li></ul>	
							<ul class="apro layout"><li class="hd">Foundation:</li><li>${product.foundation}</li></ul>	
							<ul class="apro layout"><li class="hd">Pile:</li><li>${product.pile}</li></ul>	
							<ul class="apro layout"><li class="hd">Origin:</li><li>${product.origin}</li></ul>			
							<hr/>
							<ul class="apro layout"><li class="hd">Payment:</li><li>${product.paymentterm}</li></ul>	
							<ul class="apro layout"><li class="hd"><font color="blue">Retail :</font></li><li><font color="blue">usd ${nmb:randMoney(product.retailprice)}/Sq.ft. (usd ${nmb:randMoney(product.retailprice1)}/ sq.m.)</font></li></ul>	
							<ul class="apro layout"><li class="hd"><font color="red">Wholesale:</font></li><li><font color="red">usd ${nmb:randMoney(product.wholesaleprice)}/Sq.ft. (usd ${nmb:randMoney(product.wholesaleprice1)}/ sq.m.)</font></li></ul>						
							</td>
						  </tr>			
						</table>	
						<div class="pcontent layout">${des.content}</div>							
						<div class="index-box  index-box-thin  index-box-thin-dark box">
							<h3>
								You may like
							</h3>							
							<ul class="prolist layout">
							  <s:iterator value="similar">
							   <li><span><a href="${pageScope.ctx}/product/a/${id}" target="_blank"><img alt="${commodity}" src="${pageScope.ctx}/image/${image}@small.jpg"/></a></span>
							       <span><a href="${pageScope.ctx}/product/a/${id}" target="_blank" >${commodity}<br/>${quality}</a></span>
							       <span>Retail :usd ${nmb:randMoney(retailprice)}/Sq.ft.</span>
							       <span>Wholesale :<font color="red">usd${nmb:randMoney(wholesaleprice)}/Sq.ft.</font></span>
							   </li>							  
							  </s:iterator>
							</ul>
						</div>		
						<div class="spacer"></div>					
					</div>
				</div>
			</div>
			<%@ include file="../bottom.jsp"%>
		</div>
		<%@ include file="../common/foottags.jsp"%>
	</body>
</html>

